<template>
	<div class="app-container">
		<div class="app-box">
			<div class="edit">
				<el-form label-width="150px">
					<el-form-item label="公告标题：" class="items">
		            	<div>{{formLabel.title}}</div>
		          	</el-form-item>
		          	
		          	<!--公告内容-->
		          	<el-form-item label="公告内容：" class="items">
		            	<div class="detailsWP" v-html="formLabel.content">
		            	</div>
		          	</el-form-item>
				</el-form>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				formLabel:{},
				orgsLen:0,
                totalCount:null,
                id:null
			}
		},
		mounted(){
            if(this.$route.query.id){
                this.id = this.$route.query.id;
                this.getInfo();
            }
		},
		methods:{
			getInfo(){
				let that = this;
				//this.noticeId='46b59072-ce6b-45c7-8715-3e2e5cfdedda';
				let params = {id:this.id};
				this.post(params,'services/app/notice/GetNoticeDetail').then(res=>{
					if (res.success) {
						console.log(res);
						that.formLabel=res.result;						
						that.formLabel.title = res.result.title
	          			that.formLabel.content = res.result.content
					}
				});
			}
		}
	}
	
</script>

<style lang="scss" scoped>
	.app-container{
		.editBtnWp{
			text-align: right;margin-bottom: 15px;
		}
		.wd230{width: 230px;display: block;}
		.wd720{width: 720px;display: block;}
		.items{clear: both !important;display: block;margin-bottom: 5px !important;color: #666666;}
		.orgstreeP{margin: 0 !important;}
		.orgstreeSp{padding-right: 40px;}
		.detailsWP{
			width: 700px;
		}
		.dialogHei{height: 405px;overflow-y: auto;}
		.orgstreeA{color: #169bd5;}
	}
</style>
<style type="text/css">
	.detailsWP p{margin: 0 !important;}
</style>